<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#d1 {
				
				border: none;
				height: 200px;
				width: 320px;
			}

			#d101 {
				border: none;
				height: 50px;
				width: 300px;
				color: wheat;
				background-color: red;
				font-size: 25px;
				/* text-align: center; */
				padding-left: 20px;

				line-height: 50px;
			}
			#d102{
				line-height: 30px;
			}
			#d102:hover {
				color: red;
				
			}
			
			#b1{
				color: wheat;
				
				background-color:black;
				border-style: none;
				border-radius:20px;
			}
			#d102:hover{
				border: none;
				height: 200px;
				width: 300px;
				
				background-image:url(focus.jpg) ;
				background-repeat: no-repeat;
				background-size: 300px;
				background-position: 0px 30px;
				
			}
			#s2:hover{
				display: block;
			}
			#s2{
				display: none;
			}
			#a1{
				
			text-decoration: none;	
			}
			#a1:link{
				color: black;
			}
			#a1:hover{
				
				color: red;
			}
			#a1:hover #b1{
				background-color: orange;
			}

			hr {
				border: 0.5px dashed gray;
			}
		</style>
	</head>
	<body>
		<div id="d1">
			<div id="d101">
				大家都喜欢的彩妆
			</div>
			<div id="d102" class="dd">
				<a href="" id="a1">
				<button type="submit" style=" " value="Submit"
					id="b1">1</button>
				
				<span  id="">超级厉害美白隔离霜 35g</span>
				</a>
			</div>
			<hr>
			<div id="d102">
				<a href="" id="a1">
				<button type="submit" style=" " value="Submit"
					id="b1">1</button>
				超级厉害宇宙无敌奇妙BB霜 30ml
				</a>
			</div>
			<hr>
			<div id="d102">
				<a href="" id="a1">
				<button type="submit" style=" " value="Submit"
					id="b1">1</button>
				厉害水漾CC霜 40g
				</a>
			</div>
			<hr>
			<div id="d102">
				<a href="" id="a1">
				<button type="submit" style=" " value="Submit"
					id="b1">1</button>
				DHC超级厉害卸妆油 200ml
				</a>
			</div>
			<hr>
		</div>
	</body>
</html>
